<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="bootstrap-5.3.0-dist/css/bootstrap.min.css">
<style>
  span {
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 5px;
    display: inline-block;
    line-height: 50px;
  }
</style>
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col">
        <span class="border border-0">移除边框样式</span>
        <span class="border border-1 border-primary">添加默认的边框样式，边框宽度为1px</span>
      </div>
      <div class="col">
        <span class="border border-2 border-primary border-top-0">移除上边框样式，边框宽度为2px</span>
        <span class="border border-3 border-primary border-end-0">移除右边框样式，边框宽度为3px</span>
      </div>
      <div class="col">
        <span class="border border-4 border-primary border-bottom-0">移除下边框样式，边框宽度为4px</span>
        <span class="border border-5 border-primary border-start-0">移除左边框样式，边框宽度为5px</span>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <span class="border border-primary rounded-0">无圆角</span>
        <span class="border border-primary rounded-1">较小的圆角</span>
        <span class="border border-primary rounded-2">中等大小的圆角</span>
        <span class="border border-primary rounded-3">较大的圆角</span>
      </div>
    </div>
  </div>
</body>
</html>